// 全局变量
@import './variables.scss';
// ele样式覆盖
@import './element-ui.scss';
// 顶部右侧显示
@import './top.scss';
// 导航标签
@import './tags.scss';
// 工具类函数
@import './mixin.scss';
// 侧面导航栏
@import './sidebar.scss';
// 动画
@import './animate/vue-transition.scss';
//主题
@import './theme/index.scss';
//适配
@import './media.scss';
//通用配置
@import './normalize.scss';
html {
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: #333;
}
* {
	outline: none;
}
.fr {
	float: right;
}
.pub_center {
	text-align: center;
}
.main_co {
	color: #126bc9 !important;
}
.gray_f {
	color: #aaaaaa;
}
.deepgray_f {
	color: #666666;
}
.success_f {
	color: #36a759 !important;
}
.success_bg {
	background-color: #36a759;
}
.gray_bg {
	background-color: #f5f7fa !important;
}
.deepgray_bg {
	background-color: #c0c6cc !important;
}
.warn_f {
	color: #ec9512;
}
.warn_bg {
	background-color: #ec9512;
}
.error_f {
	color: #e05242;
}
.red_f {
	color: #ff0000 !important;
}
.error_bg {
	background-color: #e05242;
}
.nosee_f{
	color: #C0C6CC;
}
.tips-bg {
	background-color: #fceeec;
	color: #ff0900;
}

.error {
	background-color: #fceeec;
	border: 1px solid #f9dcd9;
	padding: 6px 10px;
	border-radius: 2px;
}
.refused_bg {
	background-color: #f9dcd9 !important;
}
.label_hr {
	border-bottom: 1px solid #e4e8ed;
}
.main_bg {
	background: #126bc9;
}
.main_btn,
.el-button--primary {
	background-color: #126bc9 !important;
	color: #ffffff !important;
	border-color: #126bc9 !important;
}
.main_btn:hover,
.el-button--primary:hover {
	background-color: #2178c9 !important;
	color: #ffffff !important;
	border-color: #2178c9 !important;
}
.main_btn:active,
.el-button--primary:active {
	background-color: #0e5dac !important;
	color: #ffffff !important;
	border-color: #0e5dac !important;
}
.main_btn_plain,
.el-button--primary.is-plain {
	color: #126bc9 !important;
	background-color: #e6f1fc !important;
	border-color: #a3cffd !important;
}
.main_btn_plain:hover,
.el-button--primary.is-plain:hover {
	background-color: #126bc9 !important;
	color: #ffffff !important;
	border-color: #126bc9 !important;
}

.el-button--success {
	background-color: #36a759 !important;
	color: #ffffff !important;
	border-color: #36a759 !important;
}
.el-button--success:hover {
	background-color: #38af5c !important;
	color: #ffffff !important;
	border-color: #38af5c !important;
}
.el-button--success:active {
	background-color: #2e8f4b !important;
	color: #ffffff !important;
	border-color: #2e8f4b !important;
}
.el-button--success.is-plain {
	color: #36a759 !important;
	background-color: #c9f4db !important;
	border-color: #9df3b6 !important;
}
.el-button--success.is-plain:hover {
	background-color: #36a759 !important;
	color: #ffffff !important;
	border-color: #36a759 !important;
}

.main_title {
	height: 30px;
	font-size: 18px;
	font-weight: bold;
}
.pointer {
	cursor: pointer;
}
.flex_row {
	display: flex;
}
.flex_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex_around {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.flex_end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex_item {
	flex: 1;
}
.flex_start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.flex_wrap {
	flex-wrap: wrap;
}
.pub_right {
	text-align: right;
}
.pub_left {
	text-align: left;
}
.ml0 .el-form-item__label-wrap {
	margin-left: 0 !important;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.white_f {
	color: #ffffff !important;
}
.white_bg {
	background-color: #ffffff !important;
}
.overell {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}
.moreline {
	line-height: 21px;
	max-height: 63px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 3;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	text-indent: 0;
	padding-left: 0;
}
.twoline {
	line-height: 1.5em;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
	text-indent: 0;
	padding-left: 0;
}
.index_num {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #ffffff;
	margin-right: 4px;
}
.f36 {
	font-size: 36px;
}
.f20 {
	font-size: 20px;
}
.f24 {
	font-size: 24px;
}
.f18 {
	font-size: 18px;
}
.f16 {
	font-size: 16px;
}
.f14 {
	font-size: 14px;
}
.f12 {
	font-size: 12px;
}
.owntable {
	color: #606366;
}
.owntable td,
.owntable th {
	color: #606366;
	padding: 8px 10px;
	line-height: 24px;
	border: 1px solid #ebf0f5;
	font-size: 12px;
	box-sizing: border-box;
}
.owntable tr td:nth-child(odd) {
	background-color: #f5f7fa;
}
.owntable {
	border-collapse: collapse;
	border: none;
}
.owntable th {
	background-color: #f5f7fa;
}
.w550 {
	width: 550px !important;
}
.wp100 {
	width: 100%;
}
.w100 {
	width: 100px !important;
	min-height: 1px;
}
.w200{
	width: 200px !important;
}
.w140 {
	width: 140px !important;
}
.w160 {
	width: 160px !important;
}
.w170 {
	width: 170px !important;
}
.w300 {
	width: 300px !important;
}
.w580 {
	width: 580px;
}
.w290 {
	width: 285px;
}
.w120 {
	width: 120px !important;
}
.p20 {
	padding: 20px;
}
.p5 {
	padding: 5px;
}
.harf {
	width: 48%;
	margin-right: 1%;
}
.steps {
	background-color: #f5f7fa;
	padding: 14px 24px;
}
.steps .f16 {
	margin-left: 6px;
}

.steps .flex_center {
	margin-bottom: 7px;
}
.m0 {
	margin-bottom: 0 !important;
}
.activef {
	color: #409eff;
}
.tableLayout {
	table-layout: fixed;
}
.delete {
	cursor: pointer;
}
